/*base*/
*{margin:0;padding:0;}
body{font-size: 15px;color:#4b4c4c;font-family: 微软雅黑;}
a img{border:0;    display: block;}
a,input{transition: all .2s linear;}
.clearfix { *zoom: 1; }  
.clearfix:before, .clearfix:after {   display: table;   content: "";   line-height: 0; }  
.clearfix:after { clear: both;} 
.hidden{display: none !important;}
.single-line{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.shadow-box-5{-moz-box-shadow:0px 0px 5px #ccc; -webkit-box-shadow:0px 0px 5px #ccc; box-shadow:0px 0px 5px #ccc;padding: 1rem;}
.shadow-box-0{-moz-box-shadow:0px 0px 5px #ccc; -webkit-box-shadow:0px 0px 5px #ccc; box-shadow:0px 0px 5px #ccc;padding: 1rem;}
@media only screen and (min-width: 320px){
  html {
    font-size: 62.5% !important;
  }
}
@media only screen and (min-width: 640px){
  html {
    font-size: 125% !important;
  }
}
@media only screen and (min-width: 750px){
  html {
    font-size: 150% !important;
  }
}
@media only screen and (min-width: 1242px){
  html {
    font-size: 187.5% !important;
  }
}
.bottom-nav{position:fixed; bottom: 0;width:100%;border-top:1px solid #d0d0d0;padding: .5rem 0; background:#fff;}
.bottom-nav .nav-list{display: flex;}
.bottom-nav .nav-list a{color:#a5aab2;text-decoration: none;display: flex;    flex-direction: column;align-items: center;    width: 33.33%;}
.bottom-nav .nav-list a.active{color:#3675fc;}
.bottom-nav .nav-list a span{}

/*page-index*/
.page-index .search-box{background: #2175cd;padding:2rem 1.3rem;}
.page-index .search-box input{width:100%;height:2.6rem;border:0;font-size:1.4rem;text-indent:3rem;background:url(../img/mobile_magnify.png) no-repeat left #fff;background-size:contain;outline: none; border-radius: .3rem;}
.page-index .slider-box{width:100%;overflow: hidden;}
.page-index .slider-box a img{width:100%;max-height: 18rem; overflow: hidden;}
.page-index .slider-box .slider p{position:absolute;bottom:0;background:rgba(0,0,0,.5);color:#fff;width:100%;height:30px;line-height:30px;text-indent:1rem}
.page-index .contents{padding:0 2rem;}
.page-index .contents a img{max-width: 100%;    border-radius: .5rem;display: block;}
.page-index .nav-box{display: flex;justify-content: space-between;margin-top: 1rem;}
.page-index .nav-box a{width:20%;}
.page-index .nav-box a img{ width:100%;display: block;height: auto;}
.page-index .article-box{padding: 1rem 0;}
.page-index .article-box .title{line-height: 2.6rem;}
.page-index .article-box .title:before{content:"";width:.6rem;height:2.6rem;background:#2175cd;display:block;float:left}
.page-index .article-box .title h2{font-weight: normal;text-indent: 1rem;font-size: 1.6rem;}
.page-index .article-box .title .more{color: #7e7e7e;text-decoration: none;float: right;font-size: 1.6rem;}
.page-index .training ul{padding-left: 1.5rem;padding-top: 1rem;}
.page-index .training li{line-height: 3rem;border-bottom: 1px dashed #ccc;}
.page-index .training li a{font-size:1.3rem;color:#505050;text-decoration:none;width:65%;white-space:nowrap;overflow:hidden;display:inline-block;vertical-align:bottom;text-overflow:ellipsis}
.page-index .training li .post-date{float:right;}
.page-index .volunteers ul{padding-top:1rem;}
.page-index .volunteers li{border-top: 1px dashed #ccc;list-style: none;padding: .8rem 0;}
.page-index .volunteers li:first-child{border-top:0;}
.page-index .volunteers li .thumbnail{width:33.33%;float:left;padding-right: 1rem;}
.page-index .volunteers li .intro a{text-decoration: none;font-size: 1.3rem;color:#393939;}
.page-index .volunteers li h3{line-height: 1.6rem;    margin-bottom: .8rem;}

/*page-personal*/

.jfdhBlockSty{
    border-bottom: 1px solid #707070;
    padding: 30px 15px;
}
.jfdhTitle{
    font-size: 3.0em;
}
.jfdhContent{
    color: #666;
    font-size: 2.5em;
    height: 60px;
    line-height: 60px;
    margin-top: 10px;
}
.jfImg{
    float: left;
}
.jfNum{
    float: left;
    line-height: 70px;
    margin-left: 8px;
}
.jfImgSty{
    width: 37px;
}
.jfrightSty{
    float: right;

}
.jfrightSty .layui-btn{
    font-size: 1em;
    height: 60px;
    padding: 0px;
    width: 170px;
}
.margin-leftJf{
    margin-left: 30px;
}
.redColor{
    color: orangered;
}
.greenColor{
    color: #3fad46;
}
.margin-leftJfZt{
    margin-left: 50px;
}



.page-personal .header{width:100%;height: 10rem;background: url('../img/center_bg.jpg') no-repeat center center;padding-top: 6rem;display: flex;color: #fff;}
.page-personal .header .avatar img{border-radius: 50%;border: .4rem solid #fff;width: 6rem;margin-left: 3rem;}
.page-personal .header .details{padding-left: 1.4rem;    padding-top: 2rem;}
.page-personal .header .details .name-box{margin-bottom: 1rem;font-size: 1.3rem;}
.page-personal .header .details .rank-time{font-size: 1rem;}
.icon-ming{display: inline-block;width:1.2rem;height:1.2rem;background:url(../img/personal_icon.png) no-repeat;background-size: cover;}
.icon-diomand{display: inline-block;width:1.2rem;height:1.2rem;background:url(../img/personal_icon.png) no-repeat;background-size: cover;    background-position-y: 100%; }
.icon-hour{display: inline-block;width:1.2rem;height:1.2rem;background:url(../img/personal_icon.png) no-repeat;background-size: cover;    background-position-y: 50%; }
.icon-ming,.icon-hour,.icon-diomand{margin-right:.5rem;}
.icon-ming,.icon-hour{vertical-align: bottom;}
.page-personal .header .details .name{margin-right: 1rem;    }
.page-personal .header .details .rank{margin-left: 1rem;}
.page-personal .header .details .badage{color:#ffd973;margin-left: 1rem;}
.page-personal .grdalineSty{margin:0 1rem;}
.page-personal .contents{padding:1.3rem;}

.page-personal .contents .navbar{display: flex;    margin-bottom: 2rem;}
.page-personal .contents .nav-item{width:33.33%;text-align: center;}
.page-personal .contents .nav-item .btn{display:block;width:100%;height:2rem;background:#105b9e;line-height:2rem;text-decoration:none;color:#fff}
.page-personal .contents .nav-item .btn.xiaofen{background: #f39800;margin-top: .5rem;}
.page-personal .menu-box{padding:0 .5rem;} 
.page-personal .menu-box .menu-item{border-bottom: 1px solid #dcdcdc;padding: 16px;position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.page-personal .menu-box .menu-text{-webkit-box-flex:1;-webkit-flex:1;flex:1}
.page-personal .menu-box .menu-item:last-child{border-bottom:0;}
.page-personal .layui-colla-icon{right:15px;left: auto;}
.page-personal .layui-collapse{box-shadow: 0 0 10px rgba(0,0,0,.2);}
.page-personal .layui-colla-title{background-color: #fff;position: relative;height: 46px;line-height: 50px;}
.page-personal .glIcon{position: absolute;top:0px;left: 12px;}
.page-personal .layui-colla-content{padding: 5px 10px;}
.page-personal .layui-table{margin: 0px;}
.page-personal .layui-table td,.page-personal .layui-table th{text-align: center;}
.page-personal .layui-btn{height: 30px;line-height: 30px;font-size: 12px;background: #2175cd;}

.exit{width: 90%;height: 40px;background-color: rgb(255,87,34);color: white;  margin-left:5%;margin-top: 5%;border:none}

/*page-news*/
.page-news .contents{padding:1rem;padding-bottom: 4rem;}
.page-news .tab-ctrl{display: flex;    justify-content: space-around;}
.page-news .tab-ctrl .tab-btn{display: inline-block;width:50%;padding: .5rem 0;border-bottom: 2px solid #fff; text-align: center;}
.page-news .tab-ctrl .tab-btn.active{border-bottom:2px solid #2175cd; color:#2175cd;}
.page-news .tab-panel{padding-top: 1.5rem;}
.page-news .tab-panel li{list-style: none;width:100%;display: flex;max-height: 80px;overflow: hidden;padding: .3rem;margin-bottom: 1rem;}
.page-news .tab-panel .thumb{width:30%;padding-right: 1rem;}
.page-news .tab-panel .thumb img{width:100%;}
.page-news .tab-panel .info{position: relative;    width: 70%;}
.page-news .tab-panel .info h3{height: 3.5rem;overflow: hidden;}
.page-news .tab-panel .info .post-date{font-size: 1.4rem;}
.page-news .tab-panel .info .post-date span{font-size: .3rem;margin-right: .4rem;}
.page-news .tab-panel .info a{color:#4b4c4c;text-decoration: none;font-size: 1.5rem;font-weight: normal;}
/*article-details*/

.page-article-details h2{font-size:1.5rem;}
.page-article-details .info{color:#a5aab2;margin: 1rem 0;    font-size: .5rem;}
.page-article-details .info .iconfont{font-size:.4rem;margin-right:.3rem;margin-left:.5rem}
.page-article-details img{max-width: 90%;display: block;margin:0.5rem auto;}
.page-article-details p{text-indent: 2em;margin:.5rem auto;    line-height: 1.5;}
.page-article-details .contents{padding:1rem;padding-bottom: 4rem;}

/*activity-details*/

.page-activity-details h2{font-size:1.5rem;border-bottom:1px dashed #dcdcdc;padding-bottom:1rem;margin-bottom: 1rem;}
.page-activity-details .info{color:#a5aab2;margin: 1rem 0;    font-size: .5rem;}
.page-activity-details .info .iconfont{font-size:.4rem;margin-right:.3rem;margin-left:.5rem}
.page-activity-details img{max-width: 90%;display: block;margin:0.5rem auto;}
.page-activity-details p{text-indent: 2em;margin:.5rem auto;    line-height: 1.5;}
.page-activity-details .contents{padding:1rem;padding-bottom: 4rem;}
.page-activity-details .para{margin-bottom: 1rem;    display: flex;}
.page-activity-details .para .iconfont{margin-right: .5rem;font-size: 1.4rem;padding-top: 0.2rem;color:#f29048;}
.page-activity-details .qrcode-desc{color:#f29048;text-align: center;}

.page-activity-signin #container{width:100%;height: 100%;}
.page-activity-signin .pannel-box{ width:90%; height: 140px;background: #fff;position: absolute;bottom: 20px; left:50%; transform: translate(-50%, 0); }
.page-activity-signin .pannel-box .pos-box{width:100%;height: 100%;}
.page-activity-signin .pannel-box .pos-box input{font-size:1.5rem;width:100%;display:block;padding-top:.3rem;padding-bottom:.3rem;text-indent:1.5rem;outline:0;margin-bottom: 5px;}
.page-activity-signin .pannel-box .pos-box select{font-size:1.5rem;width:100%;display:block;padding-top:.3rem;padding-bottom:.3rem;text-indent:1.5rem;outline:0}



/*mobile-registere*/



/*.registere .topTitle{background-color: #eaf3fa;padding: 10px 0px;}*/
/*.registere .title{margin: 10px 20px;height: 50px;border-left: 8px solid #2175cd;line-height: 50px;padding-left: 20px;color: #2175cd;font-weight: bold;font-size: 35px;}*/

.registere .content .shsj{text-indent: 2em;}
.registere .content .ser{margin-top: 30px;}
.registere .content .lineSty{border-bottom: 1px dashed #d5d5d5;width: 100%;height: 10px;margin-bottom: 20px;}
.btn{width: 100%;text-align: center;margin: 50px 0px 90px 0px;}


/*mobile-registereForm*/
.layui-form-label{font-size: 2.2rem;line-height: 52px;}
.layui-input, .layui-textarea{font-size: 2.2rem;height: 80px;}
.layui-form-radio{line-height: 36px;margin: 0px 10px 0px 0px;}
.layui-form-radio>i{font-size: 36px;}
.layui-form-radio *{font-size: 2.2rem;}
.layui-form-item{margin-bottom: 20px;}


.registereForm .layui-textarea{min-height: 150px;}
.registereForm .layui-form-item .layui-input-inline{width: auto;}

.registereForm .layui-upload-drag{width: 100%;padding: 30px 0px;}
.registereForm .layui-upload-drag .layui-icon{color: #2175cd;}
.registereForm .layui-upload-drag p{font-size: 2.2rem;}
.registereForm .tishi{font-size: 2.2rem;color: #f39800;float: left;margin-top: -15px;}
.layui-form-select dl dd{font-size: 2.2rem;height: 70px;line-height: 70px;}
.layui-upload-img {width: 175px;height: 175px;margin: 0 10px 10px 0;}
.layui-elem-field legend{font-size: 2.2rem;}
.layui-form-select dl{top: 87px;}
.layui-form-radio>i:hover, .layui-form-radioed>i{color: #2175cd;}

/*mobile-registereInformation*/
.page-register{background:url(/themes/rzjj/public/assets/img/zcdlBack.jpg) top center no-repeat #0c5c9b;background-size:cover;}
.page-register .head-title{color: white;text-align: center;    font-size: 1.8rem;}
.page-register .head-title a{position:absolute;left:1rem;top:1.2rem;color:#fff}
.page-register .zcdlHead{background-color: transparent;padding-top: 1rem;}
.page-register .back .layui-icon-left{font-size: 2rem;color: white;}
.page-register .zctj{border-radius: 5px;background-color: #f7f7f7;box-shadow: 0 0 10px rgba(0,0,0,.2);background-color: transparent;box-shadow: none;}
.page-register .layui-icon-username,.page-register .layui-icon-vercode,.page-register .layui-icon-password{color: #fff;font-size: 2rem;}
.page-register .registereForm .layui-form-label{background-color: rgba(255,255,255,0.2);text-align: center;width:3rem;border-radius: 10px 0px 0px 10px;}
.page-register .registereForm .layui-input-block{border-radius: 10px;    margin-left: .5rem;    width: 100%}
.page-register .zcdlInput::-webkit-input-placeholder {color: #fff;}
.page-register .zcdlInput::-moz-placeholder {color: #fff;}
.page-register .zcdlInput:-ms-input-placeholder {color: #fff;}
.page-register .zcdlInput:-moz-placeholder {color: #fff;}
.page-register .layui-form-item{display: flex;}
.page-register .registereForm .layui-input{background-color: rgba(255,255,255,0.2);color: #fff;border: none;border-radius: 0px 10px 10px 0px;font-size: 1.3rem;}
.page-register .registereForm .layui-btn{font-size: 1.3rem;background-color: #2175cd;}

.page-register .yanzm{height: 70px;}
.page-register .yzmInput{display: inline-block;}
.page-register .js-get-mobile-code{background-color: #2175cd;color: #fff;display: inline-block;text-align: center;padding: 9px 0;}
.page-register .registere .content{margin: 15px 20px;padding-bottom: 25px;padding-top: 6rem;}

.page-register .registereForm .layui-form-label{padding: 9px 0px;}
.page-register .nextBtn{text-align: center;margin-bottom: 20px;}
.page-register .yzc-link{text-align: center;margin-top: 6rem;}
.page-register .yzc-link a{color: #fff;display: block;position: relative;}
.page-register .yzc-link a:before,.page-register .yzc-link a:after{  content:' ';position: absolute;top: 52%;background: #fff;width: 20%;height: 1px;}
.page-register .yzc-link a:before{ left: 10%;}
.page-register .yzc-link a:after{ right: 10%;}

/*mobile-login*/
.page-login{background:url(/themes/rzjj/public/assets/img/zcdlBack.jpg) top center no-repeat #0c5c9b;background-size:cover;}
.page-login .head-title{color: white;text-align: center;    font-size: 1.8rem;}
.page-login .head-title a{position:absolute;left:1rem;top:1.2rem;color:#fff}
.page-login .zcdlHead{background-color: transparent;padding-top: 1rem;}
.page-login .back .layui-icon-left{font-size: 2rem;color: white;}
.page-login .zctj{border-radius: 5px;background-color: #f7f7f7;box-shadow: 0 0 10px rgba(0,0,0,.2);background-color: transparent;box-shadow: none;}
.page-login .layui-icon-username,.page-login .layui-icon-vercode,.page-login .layui-icon-password{color: #fff;font-size: 2rem;}
.page-login .registereForm .layui-form-label{background-color: rgba(255,255,255,0.2);text-align: center;width:3rem;border-radius: 10px 0px 0px 10px;}
.page-login .registereForm .layui-input-block{border-radius: 10px;    margin-left: .5rem;    width: 100%}
.page-login .zcdlInput::-webkit-input-placeholder {color: #fff;}
.page-login .zcdlInput::-moz-placeholder {color: #fff;}
.page-login .zcdlInput:-ms-input-placeholder {color: #fff;}
.page-login .zcdlInput:-moz-placeholder {color: #fff;}
.page-login .layui-form-item{display: flex;}
.page-login .registereForm .layui-input{background-color: rgba(255,255,255,0.2);color: #fff;border: none;border-radius: 0px 10px 10px 0px;font-size: 1.3rem;}
.page-login .registereForm .layui-btn{font-size: 1.3rem;background-color: #2175cd;width: 100%; margin-top: 2rem;}

.page-login .yanzm{height: 70px;}
.page-login .yzmInput{display: inline-block;}
.page-login .js-get-mobile-code{background-color: #2175cd;color: #fff;display: inline-block;text-align: center;padding: 9px 0;}
.page-login .registere .content{margin: 15px 20px;padding-bottom: 25px;padding-top: 6rem;}

.page-login .registereForm .layui-form-label{padding: 9px 0px;}
.page-login .nextBtn{text-align: center;margin-bottom: 20px;}
.page-login .registered-link{text-align: center;margin-top: 6rem;}
.page-login .registered-link a{color: #fff;display: block;position: relative;}
.page-login .registered-link a:before,.page-login .registered-link a:after{  content:' ';position: absolute;top: 52%;background: #fff;width: 20%;height: 1px;}
.page-login .registered-link a:before{ left: 10%;}
.page-login .registered-link a:after{ right: 10%;}
.page-login .yzcTitle{color:#fff;}

.page-apply{}
.page-apply .head{background-color:#2175cd;padding:10px 0;position:fixed;top:0;left:0;z-index:999;width:100%}
.page-apply .head-title{color: white;text-align: center;    font-size: 1.8rem;}
.page-apply .head-title a{position:absolute;left:1rem;top:1.2rem;color:#fff}
.page-apply .zcdlHead{background-color: transparent;padding-top: 1rem;}
.page-apply .back .layui-icon-left{font-size: 2rem;color: white;}

.page-apply .zctj{border-radius:5px;background-color:#f7f7f7;margin:6rem 25px 20px 25px;box-shadow:0 0 10px rgba(0,0,0,.2)}
.page-apply .registere .topTitle{background-color: #eaf3fa;padding: .3rem 0px;}
.page-apply .registere .title{margin: 10px 20px;border-left: 8px solid #2175cd;padding-left: 20px;color: #2175cd;font-weight: bold;font-size: 1.6rem;}

.page-apply .registere .content{padding: 1rem;}
.page-apply .registere .content h3{padding:1rem 0 .5rem;font-family:auto;font-weight:700}
.page-apply .registere .content p{font-size:1.3rem;font-family:auto;line-height:2rem;text-indent:2em}
.page-apply .btn .layui-btn{background-color:#2175cd;}

/*mobile-userinfo*/
.page-userinfo .head{background-color:#2175cd;padding:10px 0;position:fixed;top:0;left:0;z-index:999;width:100%}
.page-userinfo .head-title{color: white;text-align: center;    font-size: 1.8rem;}
.page-userinfo .head-title a{position:absolute;left:1rem;top:1.2rem;color:#fff}
.page-userinfo .zcdlHead{background-color: transparent;padding-top: 1rem;}
.page-userinfo .back .layui-icon-left{font-size: 2rem;color: white;}

.page-userinfo .zctj{border-radius:5px;background-color:#f7f7f7;margin:6rem 25px 20px 25px;box-shadow:0 0 10px rgba(0,0,0,.2)}
.page-userinfo .registere .topTitle{background-color: #eaf3fa;padding: .3rem 0px;}
.page-userinfo .registere .title{margin: 10px 20px;border-left: 8px solid #2175cd;padding-left: 20px;color: #2175cd;font-weight: bold;font-size: 1.6rem;}
.page-userinfo .registere .content {padding: 1rem;    font-family: auto;}
.page-userinfo .layui-form-item {}
.page-userinfo .layui-input, .layui-textarea{font-size: initial;}
.page-userinfo .layui-form-select dl dd{height: initial;font-size: initial;}
.page-userinfo .layui-form-label{font-size:initial;line-height:inherit;width: 4em;}
.page-userinfo .userTop{margin-top: 20px;}
.page-userinfo .topImg img{margin:0 auto;    width: 3rem;}
.page-userinfo .registereForm .layui-upload-drag p{font-size:1.3rem;    text-align: center;}
.page-userinfo .registereForm .tishi{font-size:1.3rem;color:#f39800;margin-top: initial;padding-top:.5rem;float: inherit;}
.page-userinfo .nextBtn button{background-color: #2175cd;}
/*mobile-mobile*/
.grzxBlock{background-color: #f4f7fe;}
.backImg{position: absolute;top:0px;z-index: -1;left: 0px;width: 100%;}
.backImg img{width: 100%;}
.layui-icon-diamond{font-size: 35px;margin-right: 20px;}
.grda{position: absolute;z-index: 9999;top: 210px;left: 35px;}
.touxiang{float: left;}
.touxiangImg{width: 160px;height: 160px;border-radius: 50%;border:10px solid #fff;}
.grxx{float: left;color: #fff;line-height: 60px;margin: 15px 45px;}
.grdalineSty{margin: 0px 20px;font-size: 3rem;}
.grdaName{font-size: 2.4rem;}
.zyzmc{color: #fad776;}
.zysc{margin-top: 20px;}
.shichang{width: 50px;height: 50px;}
.shichangText{height: 62px;line-height: 62px;display: inline-block;margin-left: 7px;}
.ming{margin-left: 45px;}
.jfdh{background-color: #fff;box-shadow: 0 5px 15px rgba(0,0,0,.1);margin: 480px 35px 30px 35px;height: 200px;border-radius: 10px;text-align: center;}
.jfxx{line-height: 80px;border-right: 1px dashed #a3a2a2;margin-top: 25px;}
.fs{color: #f39800;font-size: 3rem;}
.jfdhBtn{background-color: #2175cd;font-size: 2rem;height: 60px;width: 225px;padding: 10px 25px;}
.xfqBtn{background-color: #f39800;}
.listBlock{background-color: #fff;box-shadow: 0 5px 15px rgba(0,0,0,.1);margin: 50px 35px;min-height: 200px;}
.rowSty{height: 120px;border-bottom: 1px solid #a7a6a6;margin: 0px 20px;padding: 0px 10px;line-height: 119px;}
.zlglLeft{float: left;}
.zlglRight{float: right;}
.layui-icon-form,.layui-icon-right,.layui-icon-app,.layui-icon-release,.layui-icon-dollar{font-size: 2.5rem;margin-right: 10px;}

/*mobile-problemUp*/
.wentiUp{margin-top: 120px;border-top:20px solid #f4f7fe;padding-top: 5px;}
.lineBlue{height: 20px;width: 100%;background-color: #f4f7fe;}
.wentiUp .block{margin: 25px 20px;}
.wentiUp .registereForm .layui-upload-drag{width: 30%;}
.btn .wentiBtn{width: 80%;height: 85px;line-height: 85px;margin-top: 150px;}